<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>{$menus[4]['name']}</title>
	<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="cleartype" content="on">
    <meta name="MobileOptimized" content="320">
    <meta name="HandheldFriendly" content="True">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="/public/addon/pstyle/css/test.css">
    <link rel="stylesheet" href="/public/addon/pstyle/css/index.css">
    <style>
      .slideout-menu { left: auto; }
      .btn-hamburger { left: auto; right: 12px;}
      .box { height: 1500px; }
    </style>



	<script type="text/javascript" src="/public/addon/pstyle/js/jquery-1.8.2.min.js"></script>
  <link rel="stylesheet" type="text/css" href="/public/addon/pstyle/css/bootstrap.min.css">
  <script type="text/javascript" src="/public/addon/pstyle/js/jquery-1.11.3.min.js"></script>
  <script type="text/javascript" src="/public/addon/pstyle/js/bootstrap.min.js"></script>

  <link rel="stylesheet" type="text/css" href="/public/addon/pstyle/css/home.css">
  <link rel="stylesheet" type="text/css" href="/public/addon/pstyle/css/common.css">
</head>
<body>
<nav id="menu" class="menu">
    <div class="new">{$menu[4]['name']}</div>
    <ul class="new_list">
	<volist name="list" id="list">
      <li class="list_is">
        <a href="__APP__/Stage/Phone/Case_list/form_id/{$list['id']}.html">
          <img src="{$list['img']}">
          <div>{$list['name']}</div>
        </a>
      </li>
	  </volist>
    </ul>
</nav>

<main id="panel" class="panel" style="margin:0px;">
<!-- 头部 -->
  <header class="panel-header head">
       <a href="__APP__/Stage/Phone/Index.html">
        <img src="/public/addon/pstyle/img/return.png" class="return">
      </a>
      {$form['name']}
      <img src="/public/addon/pstyle/img/cemian.jpg"  class="btn-hamburger js-slideout-toggle side">
  </header>
  <div class="head_bottom"></div>
  <div>
    <div class="case">
      <ul>
	  <volist name="list_new" id="list_new">
        <li>
		{$list_new['value']}
          <!-- <a href=""> -->
		  <!-- <section>
		{$list_new['value']}
		</section> -->
          <!-- <video id="video" width="420" height="280" src="/upload/m5qao0o0o7o0o0o0/2017/04/11/58ec337b3d53a.flv"></video> -->
		  <!-- <embed width="320" height="240" src="/upload/m5qao0o0o7o0o0o0/2017/04/11/58ec337b3d53a.flv" /> -->
		  <!-- <video id="video" width="172" height="140" src="{$list_new['value']|video}" controls></video> -->
           <!--  <div class="case_js">
              <p>{$list_new['name']}</p>
              <img src="/public/addon/pstyle/img/bf.png">
            </div> -->
          <!-- </a> -->
        </li>
		
        </volist>
      </ul>
    </div>
  </div>
  <!-- 底部 -->
  <div class="bottom_top"></div>
  <div class="bottom">
    <ul class="bottom_list">
      <li>
        <a href="__APP__/Stage/Phone/about.html">
		<img src="/public/addon/pstyle/images/dsgbfyh_07.png">
          <!-- <img src="/public/addon/pstyle/img/22.png"> -->
          <div class="">{$menu[0]['name']}</div>
        </a>
      </li>
      <li>
         <a href="__APP__/Stage/Phone/New_list.html">
          <img src="/public/addon/pstyle/images/gjmh_20.png">
          <div>{$menu[1]['name']}</div>
        </a>
      </li>
      <li>
        <a href="__APP__/Stage/Phone/Scheme_list.html">
          <img src="/public/addon/pstyle/images/gjmh_22.png">
          <div>{$menu[2]['name']}</div>
        </a>
      </li>
      <li>
        <a href="__APP__/Stage/Phone/Product_list.html">
          <img src="/public/addon/pstyle/images/gfjmhk_03.png">
          <div >{$menu[3]['name']}</div>
        </a>
      </li>
      <li class="more_bt">
        <img src="/public/addon/pstyle/images/gjmh_25.png">
        <div>更多</div>
      </li>
      <div class="clear"></div>
    </ul>
    <!-- 点击出来的 -->
    <ul class="more">
      <li>
         <a href="__APP__/Stage/Phone/Case_list.html">
          <img src="/public/addon/pstyle/img/bb.png">
          <div class="more_is">{$menu[4]['name']}</div>
        </a>
      </li>
      <li>
        <a href="__APP__/Stage/Phone/Serve.html">
         <img src="/public/addon/pstyle/img/2.png">
          <div>{$menu[5]['name']}</div>
        </a>
      </li>
    </ul>
    <script>
        $(function(){
          $('.more_bt').click(function(){
            $('.more').slideToggle(0);
          });
		  $('.case>ul>li p iframe').css({'width':'8.65rem','height':'7rem'});
		  $('.case>ul>li').eq(0).css({'marginLeft':'0'});
        })
    </script>
  </div>
  <!--结束  -->
     
</main>
    <script src="/public/addon/pstyle/js/slideout.js"></script>
    <script>
      window.onload = function() {
        var slideout = new Slideout({
          'panel': document.getElementById('panel'),
          'menu': document.getElementById('menu'),
          'side': 'right'
        });

        document.querySelector('.js-slideout-toggle').addEventListener('click', function() {
          slideout.toggle();
        });

        document.querySelector('.menu').addEventListener('click', function(eve) {
          if (eve.target.nodeName === 'A') { slideout.close(); }
        });
      };
    </script>
</body>
</html>
<script>
  (function(doc, win) {
        var docEl = doc.documentElement, //html
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function() {
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) return;
                docEl.style.fontSize = 20 / 375 * clientWidth + "px";
            };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
        //    DOMContentLoaded,就是当dom结构加载完毕就执行,比window.onload要快
    })(document, window);
</script>